<table class="product-table">
  <tr>
    <th>ID</th>
    <th>PRODUCT</th>
    <th>DESCRIPTION</th>
    <th>DELETE</th>
  </tr>
  <tr *ngFor="let product of products; let i = index">
    <td>{{product.id}}</td>
    <td>{{product.name}}</td>
    <td>{{product.description}}</td>
    <td>
      <button (click)="removeProduct(product.id)"
        >X</button>
    </td>
  </tr>
</table>
